<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/* 1.抓到页面图片元素 */
			/* 2.鼠标移动到图片上 */
			
			img{
				/* 3.旋转 */

				animation: windmill .5s linear infinite;
			}
			
			@keyframes windmill{
				0%{
					transform: rotate(135deg);
				}
				90%{
					transform: rotate(20deg);
				}
				
				}
			
				
				
			
		</style>
	</head>
	<body>
		<!-- 1.引入大风车图片以及音频 -->
		<img src="img/dfc.jpg" alt="大风车">
		<audio src="img/dafengche.mp3" autoplay control></audio>
	</body>
</html>